@charset "utf-8";

/* CSS Document */



@media screen and (max-width: 1600px){

	.HeadNav ul>li.one ol{

		text-align: left;

		padding-left: 12%;

	}

	.HeadNav ul>li.one:nth-child(2) ol{

		padding-left: 27%;

	}

	.HeadNav ul>li.one:nth-child(3) ol{

		padding-left: 42.5%;

	}

}

@media screen and (max-width: 1440px){

	.HeadNav ul>li.one ol{

		text-align: left;

		padding-left: 7.5%;

	}

	.HeadNav ul>li.one:nth-child(2) ol{

		padding-left: 24.5%;

	}

	.HeadNav ul>li.one:nth-child(3) ol{

		padding-left: 41.5%;

	}

}

@media screen and (max-width: 1200px){
	.AboutShuo img{width: 100%}
	.pcHeader{

		width: 100%;

		padding-left: 10px;

	}

	.pcHeader .pcNav > li{

		width: 114px;

	}

	.GangYuan{

		width: 100%;

		padding: 0 2%;

	}

	.NewCenter{

		width: 100%;

		padding: 0 2%;

	}

	.Design{

		width: 100%;

		padding: 0 2%;

	}

	.OurHonor{

		width: 100%;

		padding: 40px 2% 50px 2%;

	}

	.FriendLink{

		width: 100%;

		padding: 0 2%;

	}

	.pcFooter{

		width: 100%;

		padding: 0 2%;

	}

	.phfoot{

		width: 100%;

		padding: 0 2%;

	}

	.HeadNav ul{

		width: 100%;

		padding: 0 2%;

	}

	.HeadNavList ul{

		width: 100%;

		padding: 0 2%;

	}

	.AboutShuo{

		width: 100%;

		padding: 0 2%;

	}

	.AboutShuo .CompanyTre .left{

		width: 100%;

		padding: 4% 5%;

	}

	.AboutShuo .CompanyTre .right{

		width: 100%;

	}

	.BlueWhiteDragon dl{

		width: 100%;

		padding: 0 2%;

	}

	.BlueWhiteDragon dl dd{

		padding-top: 0%;

	}

	.CompanyTreS{

		width: 100%;

		padding: 3% 2%;

	}

	.CompanyAddress{

		width: 100%;

		padding: 0 2%;

	}

	.CompanyErwm dl{

		margin-left: 25px;

	}

	.ByBusWay{

		width: 100%;

		padding: 0 2%;

	}

	.BusBox > div{

		min-height: 550px;

	}

	.ByCarWay{

		width: 100%;

		padding: 0 2%;

	}

	.ByMapWay{

		width: 100%;

		padding: 0 2%;

	}

	.FenCompany{

		width: 100%;

		padding: 0 2%;

	}

	.Corporate{

		width: 100%;

		padding: 0 2%;

	}

	.Culture{

		width: 100%;

		padding: 0 2%;

	}

	.Enterprise{

		width: 100%;

		padding: 0 2%;

	}

	.Certificate{

		width: 100%;

		padding: 0 2%;

	}

	.BookShoWindow{

		width: 100%;

		padding: 0 2%;

	}

	.Layout dl{

		width: 100%;

		padding: 0 2%;

	}

	.CaseWindow{

		width: 100%;

		padding: 0 2%;

	}

	.Presence{

		width: 100%;

		padding: 0 2%;

	}

	.resources{

		width: 100%;

		padding: 0 2%;

	}

	.HonorBoxs{

		width: 100%;

		padding: 0 2%;

	}

	.new-Carousel{

		width: 100%;

		padding: 0 2%;

	}

	.NewCenterList{

		width: 100%;

		padding: 0 2%;

	}

	.BookShoWindow2 > img{

		display: block;

		width: 90%;

	}

	.HeadNav ul>li.one ol{

		text-align: left;

		padding-left: 2%;

	}

	.HeadNav ul>li.one:nth-child(2) ol{

		padding-left: 21%;

	}

	.HeadNav ul>li.one:nth-child(3) ol{

		padding-left: 40.5%;

	}

}



@media screen and (max-width: 960px){

	.pcHeader{

		display: none;

	}

	.phHeader{

		display: block;

	}

	.Carousel .Prev{

		display: none;

	}

	.Carousel .Next{

		display: none;

	}

	.GangYuan{

		width: 100%;

		padding: 0 5%;

	}

	.NewCenter{

		width: 100%;

		padding: 0 5%;

	}

	.NewCenter .left{

		width: 35%;

	}

	.NewCenter .center{

		width: 65%;

	}

	.NewCenter .right{

		width: 100%;

	}

	.Design{

		width: 100%;

		padding: 0 5%;

	}

	.FriendLink h3{

		width: 100%;

	}

	.FriendLink  .Carousel-3{

		width: 100%;

	}

	.pcFooter{

		display: none;

	}

	.phFooter{

		margin-top: 0;

	}

	.HeadNav{

		display: none;

	}

	.BlueWhiteDragon dl{

		padding: 0 5%;

	}

	.BlueWhiteDragon dl dt{

		width: 100%;

	}

	.BlueWhiteDragon dl dd{

		width: 100%;

		margin-top: 20px;

	}

	.CompanyTreS dl{

		margin-top: 30px;

	}

	.CompanyTreS dl dt{

		width: 100%;

	}

	.CompanyTreS dl dd{

		width: 100%;

		margin-top: 20px;

		padding: 0 2%;

	}

	.CompanyName{

		width: 100%;

	}

	.CompanyErwm{
display: block;
		width: 100%;

		text-align: center;

	}

	.CompanyErwm dl{

		margin: 0 20px;

		margin-top: 40px;
		float: initial;

	}

	.BusBox > div{

		width: 100%;

		min-height: 300px;

	}

	.BusBox > div p{

		margin: 0 5%;

	}

	.FenGsBox .FenGs{

		width: 49%;

		margin-right: 2%;

	}

	.FenGsBox .FenGs:nth-child(3n){

		margin-right: 2%;

	}

	.FenGsBox .FenGs:nth-child(2n){

		margin-right: 0;

	}

	.Culture dl{

		min-height: 350px;

	}

	.BookShoWindow>img{

		width: 80%;

	}

	.Carousel5 .prev{

		width: 60px;

	}

	.Carousel5 .next{

		width: 60px;

	}

	.Carousel5{

		padding: 0 78px;

	}

	.resources ul>li .look a{

		margin-top: 37%;

	}

	.NewCenterList{

		padding: 0 3%;

	}

	.NewCenterList .NewPage{

		width: 48%;

		margin-right: 4%;

	}

	.NewCenterList .NewPage:nth-child(3n){

		margin-right: 4%;

	}

	.NewCenterList .NewPage:nth-child(2n){

		margin-right: 0;

	}

	.threeNav{

		display: block;

	}

}



@media screen and (max-width: 760px){

	.GangYuan > div{

		width: 50%;

	}

	.GangYuan .ewmBox{

		text-align: center;

		width: 100%;

		margin-top: 5px;

	}

	.GangYuan .ewmBox img{

		margin: 0 15px;

	}

	.GangYuan .ntLine{

		text-align: right;

	}

	.ChangePage ul{

		width: 100%;

	}

	.ChangePage p{

		width: 100%;

		text-align: left;

		margin-top: 20px;

	}

	.CaseShowList dl{

		width: 50%;

	}

	.Presence{

		width: 100%;

		padding: 0 5%;

	}

	.Presence dl dt{

		width: 100%;

		line-height: 100%;

	}

	.Presence dl dd{

		position: static;

		width: 100%;

		margin-top: 0;

		float: left;

	}

	.CaseShowList2 dl{

		width: 50%;

		min-height: auto;

	}

	.CaseShowList2 dl.big{

		width: 100%;

	}

	.CaseShowList2 dl dt img{

		display: block;

		width: 100%;

		height: auto;

	}

	.ShowBigPic{

		width: 90%;

	}

}



@media screen and (max-width: 600px){

	.phHeader{

		height: 60px;

	}

	.phHeader .logo{

		width: 40%;

		line-height: 60px;

	}

	.phHeader .logo img{

		width: 100%;

	}

	.phHeader .mBtn{

		margin-top: 20px;

	}

	.phHeader .phNav > li dt{

		font-size: 16px;

	}

	.phHeader .phNav > li dt a span{

		font-size: 12px;

	}

	.GangYuan > div{

		width: 100%;

	}

	.GangYuan .Sear{

		width: 100%;

	}

	.GangYuan .ntLine{

		float: left;

		width: 65%;

		text-align: left;

	}

	.GangYuan .ewmBox{

		float: right;

		width: 35%;

		line-height: 85px;

	}

	.GangYuan .ewmBox img{

		margin: 0 0px;

		width: 50px;

	}

	.NewCenter .left{

		width: 100%;

	}

	.NewCenter .left{

		padding: 0 7%;

	}

	.NewCenter .left h2{

		margin-top: 30%;

	}

	.NewCenter .center{

		width: 100%;

		padding: 0 5%;

	}

	.Design dl{

		width: 48%;

		margin-right: 4%;

		margin-top: 20px;

	}

	.Design dl:nth-child(2n){

		margin-right: 0;

	}

	.OurHonor .Left{

		width: 100%;

		padding:  0 5%;

	}

	.OurHonor .Carousel-2{

		width: 100%;

		padding: 0 7%;

		margin-top: 30px;

	}

	.phfoot{

		padding-bottom: 15px;

	}

	.phfoot p{

		width: 100%;

		text-align: center;

		line-height: 36px;

		font-size: 12px;

	}

	.phfoot .fenXiang{

		width: 100%;

		text-align: center;

		line-height: 36px;

	}

	.AboutShuo .CompanyTre .left{

		width: 100%;

		padding: 7%;

	}

	.BlueWhiteDragon dl{

		padding: 5%;

	}

	.CompanyTreS{

		padding: 5% 5%;

	}

	.CompanyAddress{

		padding: 0 5%;

	}

	.ByMapWay div p{

		width: 100%;

		margin-right: 0;

	}

	.FenCompany{

		width: 100%;

		padding: 0 5%;

	}

	.FenGsBox .FenGs{

		width: 100%;

		margin-right: 0;

	}

	.Corporate{

		width: 100%;

		padding: 0 4%;

	}

	.CorporateBox dl{

		width: 100%;

	}

	.Culture{

		width: 100%;

		padding: 0 4%;

	}

	.Culture dl{

		width: 100%;

		margin-right: 0;

		margin-top: 20px;

	}

	.Enterprise{

		width: 100%;

		padding: 0 4%;

	}

	.Enterprise dl{

		margin-top: 7px;

	}

	.Enterprise dl dt{

		width: 100%;

	}

	.Enterprise dl dd{

		width: 100%;

	}

	.Enterprise dl dd img{

		margin-top: 7px;

	}

	.Enterprise dl dd img:first-child{

		margin-top: 7px;

	}

	.Certificate{

		padding: 0 5%;

	}

	.BooksBox dl{

		width: 100%;

		margin-right: 0%;

	}

	.NumberBox a{

		width: 24px;

		line-height: 24px;

		height: 24px;

	}

	.NumberBox span{

		width: 24px;

		line-height: 24px;

		height: 24px;

	}

	.NumberBox a.a1{

		width: 52px;

		line-height: 24px;

		height: 24px;

		font-size: 12px;

	}

	.BookShoWindow>img{

		width: 90%;

		margin: 0 auto;

		margin-top: 30px;

	}

	.ChangePage{

		margin-top: 50px;

	}

	.BookShoWindow{

		margin-top: 40px;

	}

	.Layout{

		background-size: auto 100%;

	}

	.Layout dl{

		padding: 0 5%;

		padding-bottom: 30px;

	}

	.Layout dl dt{

		width: 100%;

		line-height: 100%;

		margin: 20px auto;

	}

	.Layout dl dd{

		width: 100%;

		min-height: auto;

		padding-bottom: 30px;

	}

	.Layout dl dd h2{

		margin-top: 10%;

	}

	.CaseWindow{

		padding: 0 5%;

	}

	.CaseShowList dl{

		width: 100%;

	}

	.Carousel5 .prev{

		width: 30px;

	}

	.Carousel5 .next{

		width: 30px;

	}

	.Carousel5{

		padding: 0 48px;

	}

	.resources ul{

		padding-top: 30px;

	}

	.resources ul>li{

		height: 50px;

		margin-top: 30px;

	}

	.resources ul>li h2{

		width: 100%;

		height: 50px;

		line-height: 50px;

		padding-left: 10%;

		text-align: left;

	}

	.resources ul>li h2 em{

		display: block;

		margin-right: 10%;

	}

	.resources ul>li h2:after{

		display: none;

	}

	.resources ul>li p{

		display: none;

		width: 100%;

		background: #f4f4f4;

		height: auto;

		padding: 10px 0;

		margin-bottom: 20px;

	}

	.resources ul>li p span{

		width: 50%;

	}

	.resources ul>li .look{

		display: none;

	}

	.resources ul>div{

		background: #e9e9e9;

	}

	.resources{

		padding: 0 5%;

		margin-top: 0;

	}

	.HonorBoxs dl{

		width: 100%;

		margin-right: 0;

	}

	.HotNewsCenter{

		padding: 30px 0 50px 0;

		margin-top: 0;

		background: none;

	}

	.new-Carousel{

		padding: 0 5%;

	}

	.Carousel-6{

		width: 100%;

		margin-top: 20px;

	}

	.Carousel-7{

		width: 100%;

	}

	.NewCenterList{

		padding: 0 5%;

	}

	.NewCenterList .NewPage{

		width: 100%;

		padding: 10px 5% 30px 5%;

		margin-right: 0;

	}

	.threeNav li{

		width: 49%;

		margin-right: 2%;

	}

	.threeNav li:nth-child(4n){

		margin-right: 2%;

	}

	.threeNav li:nth-child(2n){

		margin-right: 0;

	}

	.CaseShowList2 dl{

		width: 100%;

		min-height: 300px;

	}

	.CaseShowList2 dl dt img{

		height: 100%;

		width: auto;

	}

	.CaseShowList2 dl .Mask a span.cn{

		margin-top: 40%;

	}

	.CaseShowList2 dl.big .Mask a span.cn{

		margin-top: 40%;

	}

	.OurHonor .Left p{

		width: 50%;

		float: left;

	}

	.OurHonor .Left .en{

		float: right;

		margin-top: 0px;

		width: 50%;

		text-align: right;

	}

	.OurHonor .Left .more{

		float: right;

	}

	.FriendLink h3{

		padding: 15px 0;

		padding-left: 15px;

		line-height: 20px;

	}

	.FriendLink h3 span{

		display: inline-block;

		margin-left: 15px;

		margin-top: 0;

		font-size: 20px;

		line-height: 20px;

	}

	.FriendLink  .Carousel-3{

		margin-top: 10px;

		margin-bottom: 10px;

	}

	.ShowBigPic{

		padding: 5px;

		width: 100%;

	}

	.SmallPicBox{

		padding: 0 35px;

	}

	.SmallPicBox .prev{

		width: 30px;

	}

	.SmallPicBox .next{

		width: 30px;

	}

	.SmallPicBox ul li{

		padding: 2px;

	}

}



@media screen and (max-width: 414px){

	.Design dl{

		width: 100%;

		margin-right: 0;

	}

}



@media screen and (max-width: 320px){

	.GangYuan .ntLine{

		float: left;

		width: 70%;

		text-align: left;

	}

	.GangYuan .ewmBox{

		float: right;

		width: 30%;

		line-height: 85px;

	}

	.GangYuan .ewmBox img{

		margin: 0 0px;

		width: 40px;

	}

}